<template>
  <div class="to-verify" v-show="show_info">
    <div class="content">
      <el-button icon="el-icon-close" class="close-info" @click="closeInfo()"></el-button>
      <h3>
        <p>路面查询疑似违章建筑监察结果报告</p>
      </h3>
      <div class="content-bottom">
        <a href="javascript:void(0)" class="content-more" @click="showMore">查看详情</a>
        <div class="content-detail">
          <p class="_address">
            提交地点：
            {{ markInfo.place }}
          </p>
          <ul class="detailHide">
            <li>
              坐标点：
              {{ markInfo.coordinate }}
            </li>
            <li>
              提交时间：
              {{ markInfo.time }}
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        markInfo: {
          place: '',
          coordinate: '',
          time: ''
        }
      }
    },
    props: {
      show_info: {
        type: Boolean,
        default: () => false
      }
    },
    methods: {
      showMore() {
        this.$emit('showMore')
      },
      closeInfo() {
        this.$emit('closeInfo')
      }
    }
  }
</script>
